Introducción a CSS

CSS (Cascading Style Sheets) es un lenguaje utilizado para definir la apariencia de los documentos HTML. Permite separar la estructura del contenido de su presentación, como colores, fuentes, márgenes y mucho más.

Ejemplo básico de CSS

A continuación, te mostramos un ejemplo de código CSS básico:

<style>
    body {
        background-color: #f0f0f0;
        color: #333;
    }
    h1 {
        color: #d6336c;
    }
    p {
        font-size: 1.2em;
        line-height: 1.6;
    }
</style>

            

Explicación del código:

Este código CSS modifica el estilo del documento HTML:

• <style>: Etiqueta donde se define el CSS dentro del documento HTML.
• body: Aplica los estilos al cuerpo de la página, como el color de fondo y el color del texto.
• h1: Cambia el color del encabezado principal (h1).
• p: Modifica el tamaño de la fuente y el interlineado de los párrafos.

Resultado en el navegador

Cuando se visualiza este código en un navegador, el resultado será:

Enlaces de interés

Para más detalles sobre las características de CSS, puedes consultar la Web de W3C.

También te puede interesar el Tutorial de CSS en W3Schools.